/* Body、顶部界面开始*/
*{margin: 0;padding: 0;}
a{text-decoration: none;color: black;}
body{font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif;background-color: #fff;}
.clear{clear: both; display: block; height: 0; overflow: hidden; visibility: hidden; width: 0;}
ol,ul {list-style: none;} 
h1,h2,h3,h4,h5,h6 {font-weight: normal;}   
/*外页样式*/
.main{margin:0 auto;padding:0 20px 20px 20px;padding-bottom: 190px;}
.title{font-size: 16px;}
.mt15{margin-top:15px;}
.btn-green{/*background-color: #5cb85c;*/border:0 none;color: #fff;padding: 5px 10px;border-radius:3px;cursor: pointer;}

.mr5{margin-right: 5px;}
.search-box{margin-top:15px;margin-right:10px}
.search-box .search-text{font-size: 14px;width: 140px;height: 28px;border: 1px solid #bbb;border-radius: 3px;background-color: #fff;overflow: hidden;text-indent: 10px;}
.search-box button{width: 50px;height: 30px;/*background-color: #4799de;*/color: #fff;font-size: 14px;/*border: 1px solid #4799de;*/border-radius: 3px;cursor: pointer;border:none;}
.search-box button:hover{/*background:#1f86dc;*/}
.content-box{margin-top: 15px;background: #f6f6f6;border:1px solid #c9c9c9;/*width: 980px*/;border-radius: 5px;}
table{border-spacing:0;width: 100%;margin-bottom: -1px;}
table > thead > tr > th{padding: 10px 0;color: #FFF;text-align: center;font-size: 14px;}
table > tbody > tr> td{background-color: #fff;padding: 10px 8px;text-align: center;font-size: 13px;color: #000;border-collapse:collapse;border-bottom:1px solid #d8d8d8;border-right:1px solid #d8d8d8;}
table > tbody > tr:hover >td{background:#f2f2f2;}
.btn-box{margin-top: 10px;}
.btn-white{background-color: #fff;color: #000;padding: 3px 10px;border-radius:3px;cursor: pointer;border: 1px solid #c9c9c9;}
.btn-white:hover{background:#e6e6e6;}
/*内页样式*/
.clearfix::after{clear: both;content: " ";display: block;height: 0;visibility: hidden;}
#diy-phone {background: #fff none repeat scroll 0 0;border: 1px solid #ccc;border-radius: 15px;float: left;width: 345px;}
.diy-phone-receiver {background:url('../images/modules.png') 0 -74px;height: 34px;margin: 13px auto;width: 98px;display: block;}
.diy-phone-contain {background-color: #f9f9f9;border: 1px solid #ccc;margin: 0 auto;min-height: 470px;overflow: hidden;width: 320px;display: block;}
.diy .drag {padding: 3.125% 0;}
.diy-phone-footer {background:url('../images/modules.png') -253px -70px;height: 61px;margin: 10px auto;width: 62px;display: block;}
.diy-actions {background-color: #f8f8f8;border: 1px solid #ccc;bottom: 0;box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);padding: 10px;position: fixed;width: 935px;z-index: 111;}
.diy-phone-title {background: rgba(0, 0, 0, 0) url("../images/modules.png") no-repeat scroll 0 0;border-color: #22292c #22292c -moz-use-text-color;border-style: solid solid none;border-width: 1px 1px 0;color: #fff;cursor: pointer;font-size: 18px;height: 32px;overflow: hidden;padding-top: 32px;text-align: center;width: 320px;margin:0 auto;}
.diy-actions-addModules a {display: block;float: left;font-size: 16px;margin: 0 10px 10px 0;padding: 8px 5px;width: 110px;}
#diy-ctrl {float: left;margin-left: 25px;}
.diy-actions-addModules a:hover{background-color: #ffc0c0;}
.diy-actions-submit {border-top: 1px dotted #ccc;padding-top: 10px;text-align: center;}
.icon-plus{background: url("../images/add.png") no-repeat;background-size: 100% 100%;display: inline-block;height: 16px;line-height: 16px;margin-right: 0.3em;vertical-align: -2px;width: 14px;}
.diy-ctrl-item {background-color: #f8f8f8;border: 1px solid #ccc;border-radius: 5px;padding: 10px;position: relative;width: 550px;}
.diy-ctrl-item::after, .diy-ctrl-item::before {color: #f8f8f8;content: "◆";display: block;font-family: simsun;font-size: 24px;height: 18px;left: -12px;position: absolute;top: 8px;width: 9px;z-index: 111;}
.diy-ctrl-item::after {color: #ccc;left: -13px;z-index: 11;}
.formitems {display: block;line-height: 20px;padding: 0 0 8px;}
.formitems .fi-name {color: #333;float: left;text-align: right;width: 110px;}
.fi-help-text, .fi-name {display: block;}
.fi-name {font-weight: 700;line-height: 28px;}
.form-controls {margin-left: 120px;}
.input, .select, .textarea {border: 1px solid #ccc;color: #000;display: inline-block;font-size: 12px;line-height: normal;margin-right: 5px;vertical-align: middle;width: 160px;height: 20px;}
.tempname{padding:3px;border:none;}
.newadd{float:left;display:block;margin-right:15px;height:30px;}
.select{/*background-color: #4799de;border: 1px solid #4799de;*/color:#fff;cursor: pointer;border-radius: 3px;text-align:center;}
.selectshort{width:40px;height:28px;font-size:12px;}  
.selectlong{width:60px;height:28px;font-size:12px;}
..